<!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<title>账户设置</title>
	<link rel="stylesheet" type="text/css" href="../layui/css/layui.css" />
	<link rel="stylesheet" type="text/css" href="../css/bootstrap.min.css" />
	<link rel="stylesheet" type="text/css" href="../css/base/commonality.css" />
	<link rel="stylesheet" type="text/css" href="../css/base/base_account_Info.css" />
</head>
<body>
<header>
	<!-- 头部暂时不用写 -->
	<div id="head-account">

	</div>
</header>
<section>
	<div id="sidebar"></div>
	<!-- 内容部分 -->
	s<div id="section-body">
	<div id="head-title">
		<h2 id="title">账户资料</h2>
	</div>
	<div id="head-box"></div>
	<div id="content">
		<div id="email">
			<p th:inline="text" >邮箱：[[${session.stuUser.UMailbox}]]</p>
			<button   class="btn btn-primary myBtn" data-toggle="modal" data-target="#emailmodal" id="updateEamil" >修改邮箱</button>
			<img src="../img/base/图标 709.svg"/>
		</div>

		<div id="phone">
			<p  th:inline="text">手机号：[[${session.stuUser.uPhone}]]</p>

			<button name="updatePhone" class="btn btn-primary myBtn" data-toggle="modal"  data-target="#phonemodal" id="updatePhone">修改手机号</button>
			<img src="../img/base/图标 711.svg"/>
		</div>
		<div id="check">
			<button class="btn btn-primary myBtn" data-toggle="modal" data-target="#mymodal" id="checkphont" >验证手机号</button>

		</div>
	</div>
	<!--验证手机号-->
	<div id="verifyphoneNum">
		<div id="mymodal" class="modal fade bs-examlpe-modal-sm"><!-- modal固定布局，上下左右都是0表示充满全屏，支持移动设备上使用触摸方式进行滚动。。-->
			<div class="modal-dialog modal-sm"><!-- modal-dialog默认相对定位，自适应宽度，大于768px时宽度600，居中-->
				<div class="modal-content"><!-- modal-content模态框的边框、边距、背景色、阴影效果。-->
					<div class="modal-header">
						<button class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">验证手机号</h4>
					</div>
					<div class="media-body">
						<form action="#">
							<div class="col-md-10 col-md-offset-1 myMP">
								<span  th:inline="text">当前手机号：[[${session.stuUser.uPhone}]]</span>  <a href="#">发送验证码</a>

							</div>
							<div class="col-md-10 col-md-offset-1 myMP">
								<span class="vercode">验证码：</span>
								<input class="form-control" id="verficode" name="" type="text" placeholder="请输入验证码"/>
							</div>
							<div class="col-md-10 col-md-offset-1 myMP" id="divsure">
								<button class="versure">确定</button>
							</div>
							<div class="col-md-12 myB">
								<button class="not sure" onclick="closemodel()">暂不修改</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>


	<!--修改邮箱-->
	<div id="upmail">
		<div id="emailmodal" class="modal fade bs-examlpe-modal-sm"><!-- modal固定布局，上下左右都是0表示充满全屏，支持移动设备上使用触摸方式进行滚动。。-->
			<div class="modal-dialog modal-sm"><!-- modal-dialog默认相对定位，自适应宽度，大于768px时宽度600，居中-->
				<div class="modal-content"><!-- modal-content模态框的边框、边距、背景色、阴影效果。-->
					<div class="modal-header">
						<button class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">验证邮箱</h4>
					</div>
					<div class="media-body">
						<form action="#">
							<div class="col-md-10 col-md-offset-1 myMP">
								<span th:inline="text">当前邮箱：[[${session.stuUser.UMailbox}]]</span>
								<a  id="eamilverify"  >发送验证码</a>
								<input style="opacity:0" class="email" th:value="${session.stuUser.UMailbox}  "/>
							</div>
							<div class="col-md-10 col-md-offset-1 myMP">
								<span class="emailvercode">验证码：</span>
								<input class="form-control" id="incode" name="" type="text" placeholder="请输入验证码" onchange="vemail()"/>
							</div>
							<div class="col-md-10 col-md-offset-1 myMP" >
								<span class="newemail">新的邮箱：</span>
								<input class="form-control" id="inemail" name="" type="text" placeholder="请输入新的邮箱"/>
							</div>
							<div class="col-md-10 col-md-offset-1 myMP" id="divsure">
								<input type="button" value="确定" class="emailsure"></input>
							</div>
							<div class="col-md-12 myB">
								<button class="not sure" onclick="closemodel()">暂不修改</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>

	<!--更换手机号-->
	<div id="updatephoneNum">
		<div id="phonemodal" class="modal fade bs-examlpe-modal-sm"><!-- modal固定布局，上下左右都是0表示充满全屏，支持移动设备上使用触摸方式进行滚动。。-->
			<div class="modal-dialog modal-sm"><!-- modal-dialog默认相对定位，自适应宽度，大于768px时宽度600，居中-->
				<div class="modal-content"><!-- modal-content模态框的边框、边距、背景色、阴影效果。-->
					<div class="modal-header">
						<button class="close" data-dismiss="modal">&times;</button>
						<h4 class="modal-title">修改手机号</h4>
					</div>
					<div class="media-body">
						<form >
							<div class="col-md-10 col-md-offset-1 myMP">
								<span  th:inline="text">当前手机号：[[${session.stuUser.uPhone}]]</span>

								<a  id="verify" >获取验证码</a>
								<input style="opacity:0" class="phone" th:value="${session.stuUser.uPhone}  "/>
							</div>
							<div class="col-md-10 col-md-offset-1 myMP">
								<span class="phonevercode">&nbsp;&nbsp;&nbsp;&nbsp;验证码：</span>
								<input class="form-control" id="phonecode" type="text" name="" placeholder="请输入验证码"  onchange="quicknew()"/>
							</div>
							<div class="col-md-10 col-md-offset-1 myMP">
								<span class="newphone">新的手机号：</span>
								<input class="form-control" id="inphone" type="text" name="newPhone" placeholder="请输入新的手机号"/>
							</div>
							<div class="col-md-10 col-md-offset-1 myMP" id="divsure">
								<input type="button" class="phonesure" VALUE="确定"/>
							</div>
							<div class="col-md-12 myB">
								<button class="not sure" onclick="closemodel()">暂不修改</button>
							</div>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>


</div>





</section>
<footer>
	<!-- 尾部 -->
</footer>

<script type="text/javascript" src="../layui/layui.js" ></script>
<script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
<script src="../js/bootstrap.js" type="text/javascript"></script>
<link src="../css/bootstrap.min.css"></link>
<script src="../js/base/base_account_Info.js" type="text/javascript"></script>

</body>
</html>